<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业官网模板</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#">企业LOGO</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link active" href="#home">首页</a></li>
                    <li class="nav-item"><a class="nav-link" href="#about">关于我们</a></li>
                    <li class="nav-item"><a class="nav-link" href="#services">产品服务</a></li>
                    <li class="nav-item"><a class="nav-link" href="#news">新闻动态</a></li>
                    <li class="nav-item"><a class="nav-link" href="#contact">联系我们</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 轮播图 -->
    <section id="home" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="https://via.placeholder.com/1920x600" class="d-block w-100" alt="幻灯片1">
                <div class="carousel-caption">
                    <h1>欢迎访问我们的网站</h1>
                    <p>专业的服务，优质的产品</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="https://via.placeholder.com/1920x600" class="d-block w-100" alt="幻灯片2">
                <div class="carousel-caption">
                    <h1>创新科技，引领未来</h1>
                    <p>为客户提供最佳解决方案</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 关于我们 -->
    <section id="about" class="py-5">
        <div class="container">
            <h2 class="text-center mb-4">关于我们</h2>
            <div class="row">
                <div class="col-md-6">
                    <img src="https://via.placeholder.com/600x400" class="img-fluid" alt="关于我们">
                </div>
                <div class="col-md-6">
                    <h3>公司简介</h3>
                    <p>我们是一家专注于创新和发展的现代化企业，致力于为客户提供最优质的产品和服务。</p>
                    <p>公司成立至今，始终秉承"诚信、创新、专业、共赢"的经营理念，不断提升自身实力和服务质量。</p>
                    <div class="row mt-4">
                        <div class="col-6">
                            <h4>愿景</h4>
                            <p>成为行业领先的创新企业</p>
                        </div>
                        <div class="col-6">
                            <h4>使命</h4>
                            <p>为客户创造更大价值</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品服务 -->
    <section id="services" class="py-5 bg-light">
        <div class="container">
            <h2 class="text-center mb-4">产品服务</h2>
            <div class="row">
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <img src="https://via.placeholder.com/400x300" class="card-img-top" alt="服务1">
                        <div class="card-body">
                            <h5 class="card-title">服务项目一</h5>
                            <p class="card-text">提供专业的解决方案和优质服务，满足客户需求。</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <img src="https://via.placeholder.com/400x300" class="card-img-top" alt="服务2">
                        <div class="card-body">
                            <h5 class="card-title">服务项目二</h5>
                            <p class="card-text">创新技术支持，为企业发展提供强大动力。</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <img src="https://via.placeholder.com/400x300" class="card-img-top" alt="服务3">
                        <div class="card-body">
                            <h5 class="card-title">服务项目三</h5>
                            <p class="card-text">全方位服务体系，保障客户利益最大化。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 新闻动态 -->
    <section id="news" class="py-5">
        <div class="container">
            <h2 class="text-center mb-4">新闻动态</h2>
            <div class="row">
                <div class="col-md-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">公司新闻标题</h5>
                            <p class="card-text">这里是新闻内容的简要描述，展示最新的公司动态和行业资讯。</p>
                            <p class="card-text"><small class="text-muted">发布时间：2024-01-20</small></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">行业动态标题</h5>
                            <p class="card-text">这里是行业动态的简要描述，分享最新的行业趋势和发展方向。</p>
                            <p class="card-text"><small class="text-muted">发布时间：2024-01-18</small></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 联系我们 -->
    <section id="contact" class="py-5 bg-light">
        <div class="container">
            <h2 class="text-center mb-4">联系我们</h2>
            <div class="row">
                <div class="col-md-6 mb-4">
                    <h4>联系方式</h4>
                    <ul class="list-unstyled">
                        <li><strong>地址：</strong>某某市某某区某某街道100号</li>
                        <li><strong>电话：</strong>400-123-4567</li>
                        <li><strong>邮箱：</strong>info@company.com</li>
                    </ul>
                </div>
                <div class="col-md-6 mb-4">
                    <form>
                        <div class="mb-3">
                            <input type="text" class="form-control" placeholder="您的姓名">
                        </div>
                        <div class="mb-3">
                            <input type="email" class="form-control" placeholder="您的邮箱">
                        </div>
                        <div class="mb-3">
                            <textarea class="form-control" rows="3" placeholder="留言内容"></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">提交留言</button>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-dark text-light py-4">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p>&copy; 2024 企业名称. 保留所有权利。</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <a href="#" class="text-light me-3">隐私政策</a>
                    <a href="#" class="text-light">使用条款</a>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>